/* 帮助内容 */
<template>
  <div class="helpcontents">
    <Tabs value="name1">
      <TabPane label="系统概述" name="name1">
        <Row :gutter="16">
          <Col span="5" offset="1">
          <Tree :data="dataTree1"></Tree>
          </Col>
          <Col span="18">
          <Card :bordered="false">
            <p slot="title">4.2系统概述</p>
            <p>
              <div id="editor1" type="text/plain" style="width:80%;height:500px"></div>
            </p>
          </Card>
          </Col>
        </Row>
      </TabPane>
      <TabPane label="操作帮助" name="name2">
        <Row :gutter="16">
          <Col span="5" offset="1">
          <Tree :data="dataTree2"></Tree>
          </Col>
          <Col span="18">
          <Card :bordered="false">
            <p slot="title">4.2问题反馈</p>
            <p>
              <div id="editor2" type="text/plain" style="width:80%;height:500px"></div>
            </p>
          </Card>
          </Col>
        </Row>
      </TabPane>
    </Tabs>
  </div>
</template>

<script>
import '../../../static/Ue/ueditor.config'
import '../../../static/Ue/ueditor.all.min.js'
import '../../../static/Ue/lang/zh-cn/zh-cn.js'
import '../../../static/Ue/ueditor.parse.min.js'
  export default {
    data() {
    return {
      tab0: true,
      tab1: true,
      showHeader: false,
      dataTree1: [{
        expand: true,
        title: "一、系统概述",
        children: [{
            expand: true,
            title: "1.系统概述1",

          },
          {
            expand: true,
            title: "2.系统概述",
            children: [{
              expand: true,
              title: "三级 1-1-1"
            }]
          },
          {
            expand: true,
            title: "3.系统概述",
            children: [{
              expand: true,
              title: "三级 1-1-1"
            }]
          },
          {
            expand: true,
            title: "4.系统概述",
            children: [{
                expand: true,
                title: "4.1系统概述"
              },
              {
                expand: true,
                title: "4.2系统概述"
              }
            ]
          }
        ]
      }],
      dataTree2: [{
        expand: true,
        title: "一、操作帮助",
        children: [{
            expand: true,
            title: "1.我的项目",

          },
          {
            expand: true,
            title: "2.会员中心",
            children: [{
              expand: true,
              title: "三级 1-1-1"
            }]
          },
          {
            expand: true,
            title: "3.消息中心",
            children: [{
              expand: true,
              title: "三级 1-1-1"
            }]
          },
          {
            expand: true,
            title: "4.关于我们",
            children: [{
                expand: true,
                title: "4.1关于我们"
              },
              {
                expand: true,
                title: "4.2问题反馈"
              }
            ]
          }
        ]
      }],
      defaultProps: {
        children: "children",
        label: "label"
      }
    };
  },
  components: {
    // indexComponent
  },
  methods: {
    handleTabRemove(name) {
      this["tab" + name] = false;
    },
    handleNodeClick(data) {
      console.log(data);
    },
    rowClick() {
      // this.$router.push('/admin/main/IndexOperation')
    }
  },
  mounted() {
    this.ue2 = UE.getEditor("editor2");
    this.ue1 = UE.getEditor("editor1");
  },
  destroyed() {
    this.ue2.destroy();
    this.ue1.destroy();
  },
}
</script>

<style scoped>

</style>
